<template>
  <div class="box">
    <h1>props:我是父组件曹操</h1>
    <hr />
    <Child :info="info" :money="money"></Child>
  </div>
</template>

<script setup lang="ts">
  //props:可以实现父子组件通信,props数据还是只读的！！！
  import { ref } from 'vue'
  import Child from './Child.vue'

  const info = ref('我是曹操')
  let money = ref(100)
</script>

<style scoped>
.box {
  width: 100vw;
  height: 400px;
  background: yellowgreen;
}
</style>